<title>iEco:intersectionChoixImpossibles</title>

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="css/custom.css" rel="stylesheet">
	
	<link href="css/bootstrap-table.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

	<script src="js/jquery.js"></script>
	<script src="js/bootstrap-table.js"></script>
	<script src="js/dropdown.js"></script>
	

  </head>

  <body id="pageIntersectionChoixOption">
		<ul class="nav nav-tabs nav-justified">
	  <li role="presentation" class="active"><a href="#">Option</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/crudOption.html">CRUD option</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/intersectionsOptions.html">Cr&eacute;ation d'intersection impossible</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/visualisationEtudiantParOption.html">Visualiser les &eacute;tudiants par option </a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/parametres.html">Param&egrave;tres</a></li>
	</ul>

	<ul class="nav nav-tabs nav-justified">
	  <li role="presentation" class="active"><a href="#">Etudiant</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/crudEtudiant.html">CRUD &eacute;tudiant</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/visualiserOptions.html">Visualiser les pr&eacute;f&eacute;rences</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/serie.html">Constitution des s&eacute;ries</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/delibe.html">D&eacute;lib&eacute;ration</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/intersectionChoixOptions.html">Intersection des choix d'option</a></li>
	  <li role="presentation"><a href="http://localhost:8080/ieco/proEco.html">Pro Eco</a></li>
	</ul>
  

      <table id="tableIntersection" data-toggle="table" data-cache="false">
		<thead>
			<tr>
				<th></th>
				<th class="ia" data-field="ia">IA</th>
				<th class="c" data-field="c++">C++</th>
				<th class="web" data-field="web">WEB</th>
				<th class="rad" data-field="rad">RAD</th>
				<th class="sap" data-field="sap">SAP</th>
				<th class="gest" data-field="gest">GEST</th>
				<th class="ndls" data-field="ndls">NDLS</th>
				<th data-field="nbEtudiants">Nombre d'&eacute;tudiants</th>
			</tr>
		</thead>
		<tbody class="nbOptions">
			<tr>
				<td>R&eacute;ussites (50 sur 52) </td>
				<td>15</td>
				<td>16</td>
				<td>32</td>
				<td>13</td>
				<td>28</td>
				<td>14</td>
				<td>7</td>
				<td>52</td>
			</tr>
		
		</tbody>
		
	</table>

	<br><br>
	<div id="vizualiserIntersect">
	<p>Intersections des choix </p>
	<table id="tableIntersection" data-toggle="table" data-cache="false">
		<thead>
			<tr>
				<th></th>
				<th data-field="ia">IA</th>	
				<th data-field="rad">RAD</th>
				<th data-field="sap">SAP</th>
				<th data-field="web">WEB</th>
			</tr>
		</thead>
		<tbody class="intersectionImpossibles">
			<tr>
				<td class="c">C++</td>
				<td>10</td>
				<td>0</td>
				<td>0</td>
				<td>5</td>
			</tr>
			<tr>
				<td class="ia">IA</td>
				<td></td>
				<td>5</td>
				<td>1</td>
				<td>0</td>
			</tr>
			<tr>
				<td class="rad">RAD</td>
				<td></td>
				<td></td>
				<td>8</td>
				<td>19</td>
			</tr>
			<tr>
				<td class="sap">SAP</td>
				<td></td>
				<td></td>
				<td></td>
				<td>4</td>
			</tr>
		</tbody>
		
	</table>
	<div> <!-- Intersections des choix-->

  </body>
</html>
